<!--
 * @Author: your name
 * @Date: 2021-06-05 09:27:15
 * @LastEditTime: 2021-06-11 10:01:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \dolphin-data-center-front-end\src\pages\quickEntry\socialSecurityFund\socialSecurityFundList.vue
-->
<template>
  <page-layout title="社保公积金">
    <a-card>
      <a-tabs :default-active-key="1" @change="callback">
        <a-tab-pane v-for="item in tabs" :key="item.key" :tab="item.name"></a-tab-pane>
      </a-tabs>

      <Tab1 v-if="currentTabKey === 1" />
      <Tab2 v-if="currentTabKey === 2" />
      <Tab3 v-if="currentTabKey === 3" />
      <Tab4 v-if="currentTabKey === 4" />
      <Tab5 v-if="currentTabKey === 5" />
    </a-card>
  </page-layout>
</template>
  
<script>
import Tab1 from './tabs/tab1'
import Tab2 from './tabs/tab2'
import Tab3 from './tabs/tab3'
import Tab4 from './tabs/tab4'
import Tab5 from './tabs/tab5'
import PageLayout from "@/layouts/PageLayout";

export default {
  name: 'socialSecurityFundList',
  components: { Tab1, Tab2, Tab3, Tab4, Tab5, PageLayout },
  data () {
    return {
      tabs: [
        {
          key: 1,
          name: '参保人管理'
        },
        {
          key: 2,
          name: '政策库'
        },
        {
          key: 3,
          name: '供应商'
        },
        {
          key: 4,
          name: '账单'
        },
        // {
        //   key: 5,
        //   name: '统计看板'
        // }
      ],
      currentTabKey: 1
    }
  },
  methods: {
    callback (key) {
      this.currentTabKey = Number(key)
    },
  }
}
</script>
  
<style scoped lang='less'>
</style>